
import React, { useState } from 'react';
import "./Particulars.scss"
import { Button, } from 'antd';
import type { SizeType } from 'antd/es/config-provider/SizeContext';
import pic from "../../../assets/669.png"
import { Rate } from 'antd';
interface Props {

}
function Pingjiayxl(props: Props) {
     var [pingjia,setPingjia]=useState([])
      var arr=["审批事件比较段","办理速度比较块","申请流程比较清晰","情形比较合理"]
         console.log(arr)
    //  setPingjia(arr)
    const [small, setSize,] = useState<SizeType>('large');
    return (
        <div className='Particulars'>
            <div className='header'>
                <p>  办事指南评价详情</p>
                <div className='header_right'>
                    <Button type="primary" size={small}>回复</Button>
                    <Button size={small}>关闭</Button>
                </div>
            </div>
            <div className='nav'>
                <div className='left_header1'>
                    <p>基本信息</p>
                </div>
                <div className='message'>

                    <div className='left'>
                        <div>评价事项</div>
                        <div>评价人</div>
                        <div>联系电话</div>
                    </div>
                    <div className='right'>
                        <div>进口无线发射设备</div>
                        <div>李四</div>
                        <div>18392952862</div>
                    </div>
                </div >
                <div className='pingjia'>
                    <div className='left_header2'>
                        <p>评价信息</p>
                    

                    </div>
                    <div className='pingjia_nav'>
                              <div className='header2'>用户信息</div>
                              <div className='pingjia_nav_buttom'>
                                  <img src={pic} alt="" />
                                 <div className='right'>
                                      <div className='pingjia_nav_buttom_right'>
                                          <p>用户评价</p>
                                          <p>李四2021-03-04</p>
                                          <Rate allowHalf defaultValue={2.5} />;<span>基本满意</span>
                                          <div className='pj'>
                                            {
                                                arr.map((item,index)=>{
                                                    return (
                                                        <div className='pingjia'>{item}</div>
                                                    )
                                                })
                                            }
                                          </div>
                                      </div>
                                      <div className='pingjia_nav_buttom_right2'>
                                          <p>部门回复</p>
                                          <p>李四2021-03-04</p>
                                          <Rate allowHalf defaultValue={2.5} />;<span>基本满意</span>
                                          <div>
                                          感谢您的反馈~
                                          </div>
                                      </div>
                                      <div className='pingjia_nav_buttom_right3'>
                                          <p>用户评价</p>
                                          <p>李四  2021-03-04 11:00:00</p>
                                          <Rate allowHalf defaultValue={2.5} />;<span>基本满意</span>
                                          <div>
                                          还是有些问题
                                          </div>
                                      </div>
                                 </div>
                              </div>
                        </div>
                </div>
            </div>
        </div>
    );
}

export default Pingjiayxl;